<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			
			#wrap{
				width: 360px;
				margin: 30px auto;
				/*景深：用户的视角距离元素有多远*/
				perspective: 800px;
				position: relative;
			}
			#wrap h2{
				width: 100%;
				height: 40px;
				background: #F60;
				
			}
		</style>
	</head>
	<body>
		<div id="wrap">
			<h2>卷帘门</h2>
			<div>
				<span>选项一</span>
				<div>
					<span>选项二</span>
					<div>
						<span>选项三</span>
						<div>
							<span>选项四</span>
							<div>
								<span>选项五</span>
								<div>
									<span>选项六</span>
									<div>
										<span>选项七</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
